@charset "UTF-8";
/**
 * Created by kroyo on 2018/1/12.
 * servicelist 
 */
/**
 * Created by kroyo on 2017/10/19.
 * minxin 公共块
 */
.reset {
  display: none; }

.red {
  color: #ee0003; }

body {
  background-color: #F2F2F2; }

.blue {
  color: #26bbff; }

.main {
  width: 100%;
  max-width: 100%;
  height: auto;
  min-height: 100%;
  overflow: hidden; }

h2 {
  position: fixed;
  top: 0;
  width: 100%;
  height: 3rem;
  line-height: 3rem;
  font-size: 0.8rem;
  color: #333333;
  font-weight: 400;
  padding-left: 0.8rem;
  padding-right: 0.8rem;
  background-color: #F2F2F2;
  z-index: 1; }

.main-list {
  position: absolute;
  width: 100%;
  height: auto;
  min-height: 100%;
  padding: 3rem 0.8rem 4rem; }
  .main-list .list-item {
    position: relative;
    width: 100%;
    height: 12.8rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
    border: 1px solid #ffffff;
    background-color: #ffffff;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    margin-bottom: 0.5rem;
    overflow: hidden; }
  .main-list .item-header {
    position: relative;
    width: 100%;
    height: 2rem;
    font-size: 0;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem; }
    .main-list .item-header .header-label {
      display: inline-block;
      width: 3.75rem;
      height: 1.25rem;
      line-height: 1.25rem;
      background-color: #cccccc;
      color: #ffffff;
      font-size: 0.7rem;
      text-align: center;
      -webkit-border-radius: 0 0.625rem 0.625rem 0;
      -moz-border-radius: 0 0.625rem 0.625rem 0;
      border-radius: 0 0.625rem 0.625rem 0; }
    .main-list .item-header .header-text {
      display: inline-block;
      font-size: 0.7rem;
      color: #666666; }
      .main-list .item-header .header-text i {
        color: #26bbff; }
    .main-list .item-header .header-logo {
      width: 2rem;
      height: 2rem;
      border: 1px solid #ddd;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      overflow: hidden;
      margin-right: 0.5rem; }
      .main-list .item-header .header-logo img {
        width: 100%; }
    .main-list .item-header .header-name {
      height: 1rem;
      position: relative;
      font-size: 0.75rem;
      color: #333333; }
      .main-list .item-header .header-name.active:after {
        position: absolute;
        top: 0;
        left: 0;
        width: 9rem;
        height: 1rem;
        display: block;
        content: '';
        background: url(../../img/demand/spoilertext.png) no-repeat center;
        background-size: 100%; }
  .main-list .item-label {
    width: 100%;
    height: 0.8rem;
    font-size: 0;
    margin-top: 0.75rem;
    margin-bottom: 0.75rem; }
    .main-list .item-label .label {
      display: inline-block;
      width: auto;
      max-width: calc(100% / 3);
      height: 0.8rem;
      line-height: 0.8rem;
      font-size: 0.7rem;
      color: #666666;
      margin-right: 1rem; }
      .main-list .item-label .label:before {
        display: inline-block;
        content: '';
        width: 0.8rem;
        height: 0.8rem;
        margin-right: 0.5rem;
        vertical-align: -0.1rem; }
    .main-list .item-label .label1:before {
      background: url(../../img/demand/icon-sign.png) no-repeat center;
      background-size: 100%; }
    .main-list .item-label .label2:before {
      width: 0.6rem;
      height: 0.8rem;
      background: url(../../img/demand/icon-location.png) no-repeat center;
      background-size: 100%; }
    .main-list .item-label .label3:before {
      background: url(../../img/demand/icon-exper.png) no-repeat center;
      background-size: 100%; }
    .main-list .item-label .label3 {
      margin-right: 0; }
  .main-list .item-award {
    width: 100%;
    height: 1.25rem;
    font-size: 0;
    margin-bottom: 0.75rem; }
    .main-list .item-award .award {
      display: inline-block;
      width: 1.25rem;
      height: 1.25rem;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      margin-right: 0.75rem;
      vertical-align: middle;
      overflow: hidden; }
      .main-list .item-award .award:last-of-type {
        margin-right: 0; }
    .main-list .item-award img {
      width: 100%;
      text-align: center; }
  .main-list .item-img {
    font-size: 0; }
    .main-list .item-img .img-wrap {
      display: inline-block;
      width: 32%;
      height: 32%;
      margin-right: 2%;
      text-align: center;
      overflow: hidden; }
    .main-list .item-img .img-wrap:last-of-type {
      margin-right: 0; }
    .main-list .item-img img {
      width: 100%;
      height: 100%;
      vertical-align: middle; }
  .main-list .list-item.selected {
    position: relative;
    border-color: #26bbff; }
    .main-list .list-item.selected:after {
      position: absolute;
      top: -0.05rem;
      right: -0.05rem;
      display: block;
      content: '';
      width: 2.5rem;
      height: 2.5rem;
      background: url(../../img/demand/icon-triangle.png) no-repeat center;
      background-size: 100%; }
    .main-list .list-item.selected .header-label {
      background-color: #26bbff; }

.footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 4rem;
  line-height: 2rem;
  padding: 1rem 0.8rem;
  background-color: #F2F2F2;
  z-index: 1; }
  .footer .btn {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    border-radius: 1rem;
    font-size: 0.8rem;
    color: #ffffff;
    background-color: #26bbff;
    text-align: center; }

.site-window {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 999; }
  .site-window > div {
    width: 16rem;
    height: auto;
    min-height: 6.9rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
    background-color: #ffffff;
    overflow: hidden; }
  .site-window .content-text {
    width: 100%;
    padding: 1.5rem 1.25rem;
    font-size: 0.7rem;
    color: #666666; }
  .site-window .content-btnlist {
    width: 100%;
    height: 2.5rem;
    line-height: 2.475rem;
    border-top: 1px solid #cccccc;
    font-size: 0; }
  .site-window .btn {
    display: inline-block;
    width: 50%;
    height: 100%;
    font-size: 0.8rem;
    text-align: center; }
  .site-window .nopaybtn {
    color: #999999; }
  .site-window .paybtn {
    color: #ffffff;
    background-color: #26bbff; }
